<template>
  <view>
    <BackgroundBar title="海岛" :back="true"></BackgroundBar>
    <DetailSystemItem v-if="itemType === 'system'" />
    <DetailWechatItem v-if="itemType === 'wechat'" />
    <DetailReplyItem v-if="itemType === 'reply'" />
  </view>
</template>

<script setup>
import { ref } from "vue";
import { onLoad } from "@dcloudio/uni-app";
import BackgroundBar from "/components/NavigationBar/background.vue";

import DetailSystemItem from './components/DetailSystemItem.vue';
import DetailWechatItem from './components/DetailWechatItem.vue';
import DetailReplyItem from './components/DetailReplyItem.vue';

const query = ref({});
onLoad((qy) => {
  query.value = qy;
});

const itemType = "reply";
</script>

<style lang="scss">
page {
  background-color: #fff;
}
</style>
